<template>
    <div class="Content">
        <OutlineTreeItem v-for="item in StateEvent.CacheData.value.Rules.page" :config="item" :key="item.field" :level="0" />
    </div>
</template>

<script setup>
import { computed, inject, ref } from "vue";
import { theme } from 'ant-design-vue';
import OutlineTreeItem from "./OutlineTreeItem.vue";
const { token } = theme.useToken();

const StateEvent = inject('StateEvent');


</script>

<style lang="less" scoped>
.Content {
    width: 100%;
    height: 100%;
    padding: 8px 0;
    overflow-y: auto;
    user-select: none;
}
</style>